@charset "utf-8";
<style>
	.form-commonsearch .form-group {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	form.form-commonsearch .control-label {
		padding-right: 0;
	}

	.tdtitle {
		margin-bottom: 5px;
		font-weight: 600;
	}

	#channeltree {
		margin-left: -6px;
	}

	#channelbar .panel-heading {
		line-height: 25px;
		font-size: 14px;
	}

	@media (max-width: 1230px) {

		.fixed-table-toolbar .search .form-control {
			display: none;
		}
	}

	@media (min-width: 1200px) {

		#channelbar {
			width: 20%;
		}

		#archivespanel {
			width: 80%;
		}
	}
	.text-muted{
		margin-right: 15px;
	}
	
	
	.text-muted label{
		font-size: 14px;
		color: #18bc9c;
	}
</style>
<div class="row">
	
	<div class="col-md-3 hidden-xs hidden-sm" id="channelbar" style="padding-right:0;">
		<div class="panel panel-default panel-intro">
			<div class="panel-heading">
				<div class="panel-lead"> <em>{:__('Article list')}</em> {:__('Article tips')} </div>
			</div>
			<div class="panel-body">
				<span class="text-muted"><input type="checkbox" name="" id="checkall" /> <label for="checkall"><small>{:__('Check all')}</small></label></span>
				<span class="text-muted"><input type="checkbox" name="" id="expandall" checked="" /> <label for="expandall"><small>{:__('Expand all')}</small></label></span>
				<div id="channeltree"></div>
			</div>
		</div>
	</div>
	
	
	
	
	
	<div class="col-xs-12 col-md-9" id="archivespanel">
		<div class="panel panel-default panel-intro">

			<div class="panel-heading">
				{:build_heading(null,FALSE)}
				<ul class="nav nav-tabs" data-field="status">
					<li class="active"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
					{foreach name="statusList" item="vo"}
					<li><a href="#t-{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
					{/foreach}
				</ul>
			</div>


			<div class="panel-body">
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade active in" id="one">
						<div class="widget-body no-padding">
							<div id="toolbar" class="toolbar">
								<a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i class="fa fa-refresh"></i> </a>
								<a href="javascript:;" class="btn btn-success btn-add {:$auth->check('wanlshop/article/add')?'':'hide'}" title="{:__('Add')}"><i
									 class="fa fa-plus"></i> {:__('Add')}</a>
								<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('wanlshop/article/edit')?'':'hide'}"
								 title="{:__('Edit')}"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
								<a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('wanlshop/article/del')?'':'hide'}"
								 title="{:__('Delete')}"><i class="fa fa-trash"></i> {:__('Delete')}</a>
								<a href="javascript:;" class="btn btn-danger btn-import {:$auth->check('wanlshop/article/import')?'':'hide'}"
								 title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i
									 class="fa fa-upload"></i> {:__('Import')}</a>

								<div class="dropdown btn-group {:$auth->check('wanlshop/article/multi')?'':'hide'}">
									<a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i>
										{:__('More')}</a>
									<ul class="dropdown-menu text-left" role="menu">
										<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i
												 class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
										<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i
												 class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
									</ul>
								</div>

								<a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('wanlshop/article/recyclebin')?'':'hide'}"
								 href="wanlshop/article/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>
							</div>
							<table id="table" class="table table-striped table-bordered table-hover table-nowrap" data-operate-edit="{:$auth->check('wanlshop/article/edit')}"
							 data-operate-del="{:$auth->check('wanlshop/article/del')}" width="100%">
							</table>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
